body.theme-urban-night {
    background: linear-gradient(135deg, #1c1c27, #2b2b3e);
    color: #ffffff;
}

.theme-urban-night .container {
    background: rgba(43, 43, 62, 0.8);
    border: 1px solid #5f5f7b;
    box-shadow: 0 0 20px rgba(95, 95, 123, 0.5),
    0 0 10px rgba(0, 255, 255, 0.3);
}

.theme-urban-night h1 {
    color: #00ffff;
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
}

.theme-urban-night label {
    color: #00ffff;
}

.theme-urban-night select,
.theme-urban-night input,
.theme-urban-night button:not(.theme-toggle button) {
    background: rgba(60, 60, 80, 0.8);
    border-color: #5f5f7b;
    color: #ffffff;
}

.theme-urban-night th {
    background: rgba(95, 95, 123, 0.3);
    color: #00ffff;
    border-bottom-color: #5f5f7b;
}

.theme-urban-night td {
    border-bottom-color: rgba(95, 95, 123, 0.2);
}

.theme-urban-night tr:hover {
    background: rgba(0, 255, 255, 0.1);
}

.theme-urban-night button {
    background: #00ffff;
    color: #1c1c27;
    border: 2px solid;
}

.theme-urban-night button:hover {
    background: #00cccc;
}

.theme-urban-night .theme-toggle button {
    background: rgba(0, 255, 255, 0.3);
}

.theme-urban-night .theme-toggle button:hover {
    background: rgba(0, 255, 255, 0.6);
}

.theme-urban-night .nav-item {
    border: 2px solid;
    color: #00ffff;
}